<html manifest="IGNORE.manifest" lang="zh-CN" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<html manifest="IGNORE.manifest" lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>

    <link rel="stylesheet" type="text/css" href="../css/reset.css" th:href="@{${uiPath} + ${appName} + '/css/reset.css'}"/>
    <link rel="stylesheet" type="text/css" href="../css/CLSRZ.css" th:href="@{${uiPath} + ${appName} + '/css/CLSRZ.css'}"/>
    <link rel="stylesheet" type="text/css" href="../css/zdialog.css"  th:href="@{${uiPath} + ${appName} + '/css/zdialog.css'}"/>

</head>
<body>
    <div id="clsdingdanxiangqingye" class="yhzong"> 
     <div class="toubu">
       <p class="biaoti">订单详情</p>
        <a href="CLS_DD_Ticket.html"><img class="fanhui" src="../images/raw_1503386635.png" alt=""></a>
     </div> 
     <div class="kuai"> </div>
     <div class="clsdingdanbinhao">
         <p class="clsddbhnum" th:text="'订单编号:'+${orderUserInfo.orderUserInfoId}">订单编号：</p>
         <p class="clsddvtime" th:text="${orderUserInfo.createTime}">2017-1-2 12:21:45</p>
     </div>
     <div class="shangpincls">
         <div class="clsshangplis">
             <dl>
                 <dt class="clscplisttouxiang">
                     <img class="touxiangclscp" th:src="${orderUserInfo.materialGoodsModel.imgUrl}" alt="">
                 </dt>
                 <dd class="clscpxiangqinged">
                     <p class="clscpnmae"><b th:text="${orderUserInfo.materialGoods.goodsName}">商品名称1</b></p>
                     <p class="clsspxinghao" >商品型号：<span th:text="${orderUserInfo.materialGoodsModel.modelName}">MK2006</span></p>
                     <p class="clsspyanse">商品颜色：<span th:text="${orderUserInfo.materialGoodsModel.color}">紫色</span></p>
                     <p class="clsspcicun">商品尺寸：<span th:text="${orderUserInfo.materialGoodsModel.size}">20*12*110</span></p>
                     <p class="clscpgoumsl">购买数量：<span th:text="${orderUserInfo.count}">2</span></p>
                     <p class="clsspprice" th:text="${orderUserInfo.price}">¥ 100.00</p>
                 </dd>
             </dl>
         </div>
     </div>
     <div class="clsshouhuodiz">
         
         <ul>
             <li class="clsdizid">
                 <p class="clsshr"><b>收货人：</b></p>
                 <p class="clsnamed" th:text="${orderUser.userName}">南墙先生</p>
                 <p class="clscontact" th:text="${orderUser.phone}">188505348221</p>
             </li>
             <li class="clsdizid">
                 <p class="clsshr"><b>收货地址：</b></p>
                 <span class="clsadress"  th:text="${orderUser.address}">济南市历下区凤山路2008号606-2(还新创支付12号楼899)</span>
             </li>
         </ul>
     </div>
     <div class="lianxikehu">
         <p class="contacekehu">联系客户</p>
         <p class="tickright pinright"></p>
     </div>
     <div class="fhuowc">
         <p th:if="${orderUserInfo.payState==0}">待付款</p>
         <p th:if="${orderUserInfo.payState==1}" th:onclick="'fahuo()'">未发货</p>
         <p th:if="${orderUserInfo.payState==2}">已发货</p>
         <p th:if="${orderUserInfo.payState==3}">已收货打款</p>
         <p th:if="${orderUserInfo.payState==4}">已评价</p>
     </div>
        <div class="tishi">
            <div class="zongtishi">
                <div class="tishiyu">
                    <p class="tishiyukn">提示</p>
                    <div class="xuancehangye">
                        <div id="anzhuagngaoqi" class="biaogexuaz">是否平台提示卸货：
                            <label class="xuazetued"><input class="yeschect" type="radio" name="type" value="1"
                                                             checked/><span></span>是</label>
                            <label class="xuazetued"><input class="yeschect" type="radio" name="type" value="0"
                                                            /><span></span>否</label>
                            <input class="shuruguig" type="text"  name="prisongPhone"  id="prisongPhone" placeholder="送货员手机号">

                        </div>

                    </div>

                    <p class="baikuai"></p>
                    <p style="color: red;">平台提示：商家安排配送时，为确保商家和卖家权益。</p>
                    <br>
                    <p>  货物送到后，请收到此买家现场使用平台确认收货之后再安排送货员卸货。收货状态可在此订单状态查看</p>
                    <br>
                    <p>  平台将用户确认收获视为订单圆满结束唯一条件，在买家确认收货后平台将货款转到您店铺余额</p>
                    <br>
                    <p>  您也可以使用平台短信通知功能，买家现场确认收货后，则发送给您一条短信，并且还会发送到您所输入的配送员手机号一条收货成功的短信</p>
                    <br>
                    <p>  收到短信后，则可以安排卸货，如使用短信通知，上方选是，并输入配送员手机号码即可。平台会在您的此笔订单款中扣除2角作为短信通信费用。</p>
                    <br>
                    <p>  您也可以选择自己查看状态通知配送员，如需自己通知，上方选否即可，不需要输入配送员手机号码</p>
                </div>
                <div class="queingq">
                    <p class="quxiaod">取消</p>
                    <p class="quedind">发货</p>
                </div>
            </div>

        </div>
</div>

    <script type="text/javascript" src="../js/flexible.js" th:src="@{${uiPath} + ${appName} + '/js/flexible.js'}"></script>
    <script type="text/javascript" src="../js/jquery.min.js" th:src="@{${uiPath} + ${appName} + '/js/jquery.min.js'}"></script>
    <!-- <script type="text/javascript" src="../js/basevalue.js"></script> -->
    <script type="text/javascript" src="../js/zdialog.js" th:src="@{${uiPath} + ${appName} + '/js/zdialog.js'}"></script>

    <script type="text/javascript" src="../js/CLSRZ.js" th:src="@{${uiPath} + ${appName} + '/js/CLSRZ.js'}"></script>
    <script th:inline="javaScript">
        function fahuo() {
            $('.tishi').show();
        }
        $('.quedind').click(function () {
            if ($("input[name='type']:checked").val() == '1') {
                if ($('#prisongPhone').val() == '') {
                    alert("您已选择平台收货通知服务，请输入配送员手机号");
                    return false;
                }
            }
            $.ajax({
                url:"/materialOrder/fahuo",
                data:{'id':[[${orderUserInfo.orderUserInfoId}]],"phone":$('#prisongPhone').val(),'type':$("input[name='type']:checked").val() },
                datType:'json',
                type:'post',
                beforeSend: function () {
                    if ($("input[name='type']:checked").val() == '1') {
                        if ($('#prisongPhone').val() == '') {
                            alert("您已选择平台收货通知服务，请输入配送员手机号");
                            return false;
                        }
                    }
                },
                success:function (result) {
                    if(result.code==1){
                        $('.tishi').hide();
                        $.DialogByZ.Alert({Title: "发货成功", Content: "您的订单发货成功", BtnL: "确定"})
                        $('.fhuowc').children('p').text("已发货");
                    }else{
                        $('.tishi').hide();

                        $.DialogByZ.Alert({Title: "发货失败", Content: result.data, BtnL: "确定"})

                    }

                }

                }
            )

        })
        function guanbi(){

        }

        </script>
</body>
</html>